import React from "react";
// 导入组件自身样式
// import "./index.scss"

// 导入NavHeader组件
import NavHeader from '../../components/NavHeader'

import styles from './index.module.css'
export default class Map extends React.Component {
  // 组件渲染完成时触发
  componentDidMount() {
    // 创建地图实例 
    // 注意:在React脚手架中，全局对象需要要使用window来访问，否则，会造成 ESLint 校验错误
    const map = new window.BMapGL.Map("container")
    // 设置中心点坐标 
    const point = new window.BMapGL.Point(116.404, 39.915)
    // 初始化地图，同时设置地图展示级别
    map.centerAndZoom(point, 15);
  }

  render() {
    return (
      <div className={styles.map}>

        <NavHeader onLeftClick={()=>{
          console.log("点击了左侧按钮");
          this.props.history.go(-1)
        }}>
          地图找房
        </NavHeader>
        {/* 地图容器元素 */}
        <div id="container" className={styles.container}></div>

      </div>
    )
  }
}